<template>
  <div class="button">{{text}}</div>
</template>

<script>
  export default {
    data () {
      return {}
    },
    props: {
      text: {
        type: String,
        default: '注册'
      }
    }
  }
</script>

<style lang="stylus" rel="stylesheet/stylus">
  .button
    width: 100%
    height: 50px
    line-height: 50px
    text-align: center
    color: #fff
    background:linear-gradient(left, #fe3439 , #ff8412);
    border-radius: 25px
</style>
